<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>抖羚羊</title>
		<script>
			let FingerprintJS = ''
			const fpPromise = import(
				'https://wtplug.oss-cn-hangzhou.aliyuncs.com/file/v4.js'
			).then((FingerprintJSf) => {
				FingerprintJS = FingerprintJSf
				return FingerprintJSf.load()
			})
			fpPromise
				.then((fp) => fp.get())
				.then((result) => {
					const {  
                        // fonts, 
                        languages, // 语言，主次不同
                        // audio, 
                        screenResolution, // 分辨率
                        screenFrame, // 色域
                        deviceMemory, // 设备内存 影响域名
                        ...components } =
						result.components
					const extendedComponents = {
						...components,
						foo: { value: 'whatever' },
					}
					const fingerprintId =
						FingerprintJS.hashComponents(extendedComponents)
					console.log('fingerprintId', fingerprintId)
					upUserId(fingerprintId)
				})

			const upUserId = (id) => {
				fetch('http://doulingyang.cn/dlyadminapi/link/saveUserProxy', {
					method: 'POST',
					body: JSON.stringify({
						uuId: id,
						proxyId: getCookie('proxyID'),
						linkId: getCookie('linkID'),
					}),
				})
					.then(async (res) => {
						const data = await res.json()
						console.log('data', data)
						window.location.replace(getCookie('buyUrl'))
					})
					.catch((err) => {
						window.location.replace(getCookie('buyUrl'))
					})
			}
			function getCookie(cookieName) {
				var strCookie = document.cookie
				var arrCookie = strCookie.split('; ')
				for (var i = 0; i < arrCookie.length; i++) {
					var arr = arrCookie[i]
						.replace('=', '*.*.dlypter.*.*')
						.split('*.*.dlypter.*.*')
					if (cookieName == arr[0]) {
						return arr[1]
					}
				}
				return ''
			}
		</script>
      
    </head>
	<body>
		<noscript>抖羚羊需要浏览器开通 JavaScript 权限运行网站</noscript>
		<div id="app">
			<style>
				html,
				body,
				#app {
					position: relative;
					display: flex;
					align-items: center;
					justify-content: center;
					width: 100%;
					height: 100%;
					overflow: hidden;
				}

				.loading-box {
					display: flex;
					justify-content: space-between;
					width: 40px;
					height: 40px;
				}

				.loading-item {
					width: 15%;
					height: 100%;
					background-color: #007aff;
					animation: load-animation 1.2s infinite ease-in-out;
				}

				.loading-item:nth-child(1) {
					animation-delay: -1.2s;
				}

				.loading-item:nth-child(2) {
					animation-delay: -1.1s;
				}

				.loading-item:nth-child(3) {
					animation-delay: -1s;
				}

				.loading-item:nth-child(4) {
					animation-delay: -0.9s;
				}

				.loading-item:nth-child(5) {
					animation-delay: -0.8s;
				}

				@keyframes load-animation {
					0%,
					40%,
					100% {
						transform: scaleY(0.4);
					}

					20% {
						transform: scaleY(1);
					}
				}
			</style>
			<div class="loading-box">
				<div class="loading-item"></div>
				<div class="loading-item"></div>
				<div class="loading-item"></div>
				<div class="loading-item"></div>
				<div class="loading-item"></div>
			</div>
			<div id="sysid"></div>
		</div>
	</body>
</html>
